import {
    Message
  } from 'element-ui'
  
  export default {
    install(Vue) {
      // 防重复点击(指令实现)  直接在html 点击事件处加 v-preventReClick 就好了 例子：    <el-button class="btn-login" type="primary"  @click="typeLogin" v-preventReClick>登录</el-button>
      // 注意 按钮尽量用button  其他点击事件disabled无法生效
      const preventReClick = Vue.directive('preventReClick', {
        inserted(el, binding) {
          el.addEventListener('click', () => {
            // console.log("addEventListener-el-",el.disabled);
            if (!el.disabled) {
              el.disabled = true
              setTimeout(() => {
                el.disabled = false
              }, 1000)
            } else {
              // console.log("点击太快了，休息一下");
              Message({
                message: "点击太快了，休息一下",
                type: "warning",
                duration: 2000
              });
            }
          })
        }
      })
    }
  }
  